@import url('base.css');

body {
  background-color: black;
}

.map-section {
  position: relative;
  height: 75%;
  width: 75%;

  > img {
    width: 100%;
  }

  .paths {
    .path {
      > img {
        visibility: hidden;
      }
    }

    #path1 {
      left: 10.5%;
      position: absolute;
      top: 29.5%;
      width: 42%;
    }

    #path2 {
      left: 9.5%;
      position: absolute;
      top: 33.5%;
      width: 20%;
    }

    #path3 {
      left: 10.5%;
      position: absolute;
      top: 3%;
      width: 51%;
    }
  }

  .image-path {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  .image-path2 {
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
  }
}